<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <f:metadata>
            <f:event type="preRenderView" listener="#{selectedTeatro.preRender}"/>
        </f:metadata>

        <ui:composition template="./modelo.xhtml">

            <ui:define name="head">
                <link href="#{resource['css/teatro.css']}" rel="stylesheet"></link>
            </ui:define>



            <ui:define name="content">

                <p>
                    Teatro: #{selectedTeatro.selected}
                </p>

                <p>
                    ClientID: #{selectedTeatro.clientID}
                </p>

                <c:if test="#{listaTeatros.estado ==1}">
                    <h:outputLabel value="Este teatro esta cheio"/>
                </c:if>

                <c:if test="#{listaTeatros.estado ==2}">
                    <h:outputLabel value="servidor esta ocupado"/>
                </c:if>

                <c:if test="#{listaTeatros.estado ==3}">
                    <h:outputLabel value="Compra Invalida"/>
                </c:if>


                <c:if test="#{selectedTeatro.selectedlugar != 0}">

                    <div>

                        <p>
                            Lugar Reservado:#{selectedTeatro.selectedlugar}
                        </p>
                        <p>
                            <h:button class="btn btn-primary" value="Comprar Lugar" outcome="teatro">
                                <f:param name="lugar" value="#{selectedTeatro.selectedlugar}" />
                                <f:param name="teatro" value="#{selectedTeatro.selected}" />
                                <f:param name="comprar" value="ok" />
                            </h:button>
                        </p>

                    </div>
                </c:if>



                <c:if test="#{selectedTeatro.estado ==0}">
                    <h:form>

                        <p:dataGrid var="o" value="#{selectedTeatro.chairs}" columns="30" paginator="false">





                            <h:link class="#{o.colorString}" value="#{o.id}" outcome="teatro" >
                                <f:param name="teatro" value="#{selectedTeatro.selected}" />
                                <f:param name="lugar" value="#{o.id}" />
                            </h:link>


                        </p:dataGrid>
                    </h:form>
                </c:if>

            </ui:define>

        </ui:composition>

    </body>
</html>
